<template>
  
  <ul class="todos">
    <li v-for="todo in currTodos">
      <todo-component  :todo="todo"></todo-component>
    </li>
  </ul>

</template>

<style>
  
</style>

<script>

  import TodoComponent from './todo-component'
  export default {
    computed: {
      currTodos () {
        return this.$store.getters[this.tab]
      }
    },
    components: {
      TodoComponent
    },
    mounted () {
      
    },
    props:['tab']
  }


</script>